<script src="https://unpkg.com/wangeditor@3.1.1/release/wangEditor.min.js"></script>



<!-- 使用手册https://www.kancloud.cn/wangfupeng/wangeditor3/332599 -->
<div id="div1">

</div>

<script type="text/javascript">
    var E = window.wangEditor;
    var editor = new E('#div1');
    // 自定义菜单配置
    editor.customConfig.menus = [
    'head',
    'bold',
    'italic',
    'underline'
    ]
    // 菜单配置项有如下，因为V3版本去除了菜单自动换行，所以您需要根据需求自行配置
    /*
            [
            'head',  // 标题
            'bold',  // 粗体
            'fontSize',  // 字号
            'fontName',  // 字体
            'italic',  // 斜体
            'underline',  // 下划线
            'strikeThrough',  // 删除线
            'foreColor',  // 文字颜色
            'backColor',  // 背景颜色
            'link',  // 插入链接
            'list',  // 列表
            'justify',  // 对齐方式
            'quote',  // 引用
            'emoticon',  // 表情
            'image',  // 插入图片
            'table',  // 表格
            'video',  // 插入视频
            'code',  // 插入代码
            'undo',  // 撤销
            'redo'  // 重复
        ]
        */

    editor.customConfig.onchange = function (html) {
       console.log(editor.txt.html());
    }
    editor.create();
    //设置内容
    editor.txt.html('<p>欢迎使用富文本</p>');
</script>
